$(function(){
    showitem();
    $('.list-item').on('click',function () {
        $(this).children('ul').toggle();
    });
    $('.item').on('mouseover',function () {
        $(this).find('.icon-pencil').css('display','block');
        $(this).find('.icon-remove').css('display','block');
    }).on('mouseout',function () {
        $(this).find('.icon-pencil').css('display','none');
        $(this).find('.icon-remove').css('display','none');
    });
});
function showitem(){
    var $obj = $('#box .item');
    var len  = $obj.length;
    var i = 0;
    $(".btn-success").click(function(){
        i++;
        if(i==len){
            i = 0;
        }
        $obj.stop(true,true).hide().eq(i).fadeIn(600);
        $('.top ul li p').removeClass('active');
        $('.top ul li p').eq(i).addClass('active');
    });
    $(".btn-prev").click(function(){
        i--;
        if(i==-1){
            i = len-1;
        }
        $obj.stop(true,true).hide().eq(i).fadeIn(600);
        $('.top ul li p').removeClass('active');
        $('.top ul li p').eq(i).addClass('active');
        return false;
    });
}
